<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <div th:fragment="common-head">
        <!--  公共css js  必用的  -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <script th:src="@{/static/js/jquery-3.6.js}"></script>
        <link rel="stylesheet" th:href="@{/static/css/cinui.css}"/>
        <link rel="stylesheet" th:href="@{/static/layui-v2.6.8/layui/css/layui.css}" media="all">
        <!--  图标库  -->
        <link th:href="@{/static/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
        <!--  vue  -->
        <script th:src="@{/static/js/vue/vue.js}"></script>
        <!-- 引入element样式 -->
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
        <!-- 引入element组件库 -->
        <script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
        <!-- 代码高亮    -->
        <link th:href="@{/static/js/highlight.js/monokai_sublime.min.css}">
        <script th:src="@{/static/js/highlight.js/highlight.min.js}"></script>

        <style>
            .navbar-nav {
                float: none;
                text-align:center;
            }
            ul.nav.navbar-nav li {
                float:none;
                display: inline-block;
                margin: 0em;
            }
            ul.dropdown-menu li{
                width: 12em;
            }
        </style>
    </div>


<body>

<div th:replace="/common/common :: #common-js"></div>




<div id="common-top-nav">
    <!--  头部开始  -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="javaScript:;" style="text-align: center">Blog</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="layui-nav-item">
                        <a th:href="@{/user/home}">首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a th:href="@{/clock_in}">打卡</a>
                    </li>
                    <li class="layui-nav-item">
                        <a th:href="@{/user/blog}">博客</a>
                    </li>
                    <li class="layui-nav-item">
                        <a th:href="@{/user/shop}">商城</a>
                    </li>
                    <li class="layui-nav-item">
                        <a th:href="@{/user/testDomain}">测试域</a>
                    </li>
                    <li class="layui-nav-item">
                        <a th:href="@{/user/grade_system}">等级体系</a>
                    </li>
                    <li class="dropdown" id="vueDemo">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-user-circle-o">&nbsp;&nbsp;

                                <span th:text="${session.user.name}">&nbsp;&nbsp;
                                </span>

                            </i><span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class=""><a th:href="@{/user/myzoe}">个人中心</a></li>
                            <li class=""><a th:href="@{/user/removeSession}">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!--  头部结束  -->
</div>






<el-container>

<!--  头部开始  -->
    <el-header style="text-align: right; font-size: 12px">
        <el-dropdown>
            <i class="el-icon-setting" style="margin-right: 15px"></i>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>查看</el-dropdown-item>
                <el-dropdown-item>新增</el-dropdown-item>
                <el-dropdown-item>删除</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
        <span>王小虎</span>
    </el-header>
<!--  头部结束  -->

    <el-main id="common-main">
        <!--  内容开始  -->

        <!--  内容结束  -->
    </el-main>


    <el-container id="common-bottom" style="text-align: center">
        <el-footer>
            <!--  底部内容开始  -->
            <div class="col-md-12">
                <p style="font-family: '微软雅黑 Light'">
                    <a target="_blank" href="http://beian.miit.gov.cn/"
                       style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">蜀ICP备2021010462号</a>&nbsp;&nbsp;
                    <a target="_blank"
                       href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51011202000428"
                       style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><i><img
                            th:src="@{/static/images/备案图标.png}" alt="#"/></i>
                        川公网安备 51011202000428号
                    </a>
                </p>
            </div>
            <!--  底部内容结束  -->
        </el-footer>
    </el-container>


</el-container>







<div id="common-js">

    <script th:src="@{/static/js/bootstrap.min.js}"></script>
    <script th:src="@{/static/layui-v2.6.8/layui/layui.js}" charset="utf-8"></script>
    <!--  富文本  -->
    <script th:src="@{/static/tinymce/js/tinymce/tinymce.min.js}"></script>
<!--    <script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script>-->
    <script th:src="@{/static/js/wangeditor/dist/wangEditor.min.js}"></script>
</div>

</body>
</html>